<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
	<title>哈哈哈</title>
	<style type="text/css">
	div
	{
		background-color :#eee;
		width:1200px;
		height:500px;
		padding-top:2%; 
		border: solid 1px #999;

	}
	.a
	{
		background-color:white;
		height:100px;
		width:200px;
		float:left;
		margin:0px 0px;
		border: solid 1px #999;

	}
	.b
	{
		background-color:white;
		height:400px;
		width:800px;
		margin :0px 213px;
		border: solid 1px #999;

	}
	.c
	{
		background-color:white;
		height:400px;
		width:150px;
		margin:-424px 1050px;
		border: solid 1px #999;

	}
	#d
	{
		background-color:white;
		width:130px;
		height:100px;
		margin:-12px 10px;
		border: solid 1px #999;

	}
	</style>
</head>
<body>
	<div>
		<div class="a">
			<img src="Picture.jpg" alt="团队logo" style="float:left" width="80" height="80">
			团队logo
		</div>
		<div class="b">
			<p>关于你们团队的介绍</p>
			<p>可以给我们解释以下团队名称的来历，或是分别介绍你们的团队成员。</p>
			<p>（以下为示例）</p>
			<p>百度Web前段技术学院简称IFE，是一个由百度人力资源校园招聘组 百度EEF团队联合出品的，面向在校大学生以及对前端技术有兴趣的前端在线学习平台，我们希望能够借助百度大量的前端工程师以及丰富技术的前端知识积累，帮助人们更加有趣高效系统地学习Web前端技术。</p>
			<p>2016春季版概述</p>
			<p>eb前端技术</p>
		</div>
		<div class="c"  >
		    <div id="d">
		    	<img src="Picture.jpg" width="130" height="90">
		    </div>
		    <br>
			<div id="d">
		    	<img src="Picture.jpg" width="130" height="90">
		    </div>
		    <br>
			<div id="d">
		    	<img src="Picture.jpg" width="130" height="90">
		    </div>
		    <br>
			<div id="d">
		    	<img src="Picture.jpg" width="130" height="90">
		    </div>
		</div>
	</div>
</body>
<ml>
